<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
    <meta name="keywords" content="">
    <meta name="description" content="">
        <meta property="og:site_name" content="">
        <meta property="og:url" content="">
        <meta property="og:type" content="website">
        <meta property="og:title" content="">
    <meta name='og:image' content='__STATIC__/index/images/assets/ogg.png'>
    <!-- For IE -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- For Resposive Device -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- For Window Tab Color -->
    <!-- Chrome, Firefox OS and Opera -->
    <meta name="theme-color" content="#1E78FF">
    <!-- Windows Phone -->
    <meta name="msapplication-navbutton-color" content="#1E78FF">
    <!-- iOS Safari -->
    <meta name="apple-mobile-web-app-status-bar-style" content="#1E78FF">
    <title>{:$configs['SYSTEM_NAME']}</title>
        <!-- Favicon -->
        <link rel="icon" type="image/png" sizes="56x56" href="__STATIC__/index/images/fav-icon/icon.png">
        <!-- Main style sheet -->
        <link rel="stylesheet" type="text/css" href="__STATIC__/index/css/style.css" media="all">
        <!-- responsive style sheet -->
        <link rel="stylesheet" type="text/css" href="__STATIC__/index/css/responsive.css" media="all">

        <!-- Fix Internet Explorer ______________________________________-->
        <!--[if lt IE 9]>
            <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
            <script src="__STATIC__/index/vendor/html5shiv.js"></script>
            <script src="__STATIC__/index/vendor/respond.js"></script>
        <![endif]-->    
    </head>

    <body>
        <div class="main-page-wrapper">
            {include file="html/header" /}


            
            <!-- 
            =============================================
                Theme Inner Banner
            ============================================== 
            -->
            <div class="theme-inner-banner">
                <div class="container">
                    <h2 class="intro-title text-center">{:$data['title']}</h2>
                    <ul class="page-breadcrumb style-none d-flex justify-content-center">
                        <li><a href="{:url('index/index')}">首页</a></li>
                        <li class="current-page">AI咨询</li>
                    </ul>
                </div>
                <img src="__STATIC__/index/images/shape/shape_38.svg" alt="" class="shapes shape-one">
                <img src="__STATIC__/index/images/shape/shape_39.svg" alt="" class="shapes shape-two">
            </div> <!-- /.theme-inner-banner -->
            


            <!--
            =====================================================
                Blog Details
            =====================================================
            -->
            <div class="blog-details pt-90 mb-150 lg-pt-40 lg-mb-100">
                <div class="container">
                    <div class="row">
                        <div class="col-xxl-11 m-auto">
                            <div class="row">
                                <div class="col-lg-8">
                                    <article class="blog-meta-three tran3s mt-45">
                                        <figure class="post-img m0"><img src="__UPLOAD__/{:$data['image']}" alt="" class="w-100 tran4s"></figure>
                                        <div class="post-data">
                                            <div class="post-tag">{:timeDef($data['ctime'])}</div>
                                            <div class="blog-title"><h4>{:$data['title']}</h4></div>
                                            <p>{:$data['content']}</p>

                                            <!-- <div class="bottom-widget d-sm-flex align-items-center justify-content-between">
                                                <ul class="d-flex tags style-none pt-10">
                                                    <li>Tag:</li>
                                                    <li><a href="#">Chatboot</a>,</li>
                                                    <li><a href="#">Intelligence</a>,</li>
                                                    <li><a href="#">Big Data</a></li>
                                                </ul>
                                                <ul class="d-flex share-icon align-items-center style-none pt-10">
                                                    <li>Share:</li>
                                                    <li><a href="#"><i class="bi bi-google"></i></a></li>
                                                    <li><a href="#"><i class="bi bi-twitter"></i></a></li>
                                                    <li><a href="#"><i class="bi bi-instagram"></i></a></li>
                                                </ul>
                                            </div> -->
                                        </div> <!-- /.post-data -->
                                    </article>
                                
                                    
                                </div>

                                <div class="col-lg-4 col-md-6">
                                    <div class="blog-sidebar ps-xl-5 ps-lg-3 me-xxl-5 mt-45 md-mt-70">
                                        <!-- <div class="sidebar-search mb-45">
                                            <form action="#">
                                                <input type="text" placeholder="Search..">
                                                <button class="tran3s"><i class="bi bi-search"></i></button>
                                            </form>
                                        </div> -->
                                        <div class="sidebar-category mb-50">
                                            <h5 class="sidebar-title">推荐咨询</h5>
                                            <ul class="style-none">
                                                <?php foreach ($list as $k => $vo): ?>
                                                    <li><a href="{:url('article/detail',['id'=>$vo['id']])}">{:$vo['title']}</a></li>    
                                                <?php endforeach ?>
                                            </ul>
                                        </div>
                                        <!-- <div class="sidebar-keyword mb-50">
                                            <h5 class="sidebar-title">Keywords</h5>
                                            <ul class="clearfix style-none">
                                                <li><a href="blog-details.html">Ideas</a></li>
                                                <li><a href="blog-details.html">Education</a></li>
                                                <li><a href="blog-details.html">DATA</a></li>
                                                <li><a href="blog-details.html">MAchine</a></li>
                                                <li><a href="blog-details.html">AI</a></li>
                                                <li><a href="blog-details.html">INTELLIgent</a></li>
                                            </ul>
                                        </div>
                                        <div class="sidebar-quote">
                                            <ul class="style-none d-flex justify-content-center rating">
                                                <li><i class="bi bi-star-fill"></i></li>
                                                <li><i class="bi bi-star-fill"></i></li>
                                                <li><i class="bi bi-star-fill"></i></li>
                                                <li><i class="bi bi-star-fill"></i></li>
                                                <li><i class="bi bi-star-fill"></i></li>
                                            </ul>
                                            <p>They not only understand what I say but read between the lines and also give me ideas of my own.</p>
                                            <div class="name">Rashed Kabir, <span>Designer</span></div>
                                        </div> -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> <!-- /.container -->
            </div> <!-- /.blog-details -->



           

        

            <!--
            =====================================================
                Footer
            =====================================================
            -->
            {include file="html/footer" /}
            
            


        <!-- Optional JavaScript _____________________________  -->

        <!-- jQuery first, then Bootstrap JS -->
        <!-- jQuery -->
        <script src="__STATIC__/index/vendor/jquery.min.js"></script>
        <!-- Bootstrap JS -->
        <script src="__STATIC__/index/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
        <!-- AOS js -->
        <script src="__STATIC__/index/vendor/aos-next/dist/aos.js"></script>
        <!-- Slick Slider -->
        <script src="__STATIC__/index/vendor/slick/slick.min.js"></script>
        <!-- js Counter -->
        <script src="__STATIC__/index/vendor/jquery.counterup.min.js"></script>
        <script src="__STATIC__/index/vendor/jquery.waypoints.min.js"></script>
        <!-- Fancybox -->
        <script src="__STATIC__/index/vendor/fancybox/dist/jquery.fancybox.min.js"></script>
        <!-- isotop -->
        <script  src="__STATIC__/index/vendor/isotope.pkgd.min.js"></script>

        <!-- Theme js -->
        <script src="__STATIC__/index/js/theme.js"></script>
        </div> <!-- /.main-page-wrapper -->
    </body>
</html>